@charset "utf-8";
.sub-banner{ width: 720px; height: 148px; overflow: hidden; margin-top: 10px; }
.register-card{ width: 212px; height: 140px; background: url(../images/member-box.gif) no-repeat 0 0; margin-top: 10px; padding: 4px; }
	.register-card .title{ background: url(../images/bg-tab.gif) repeat-x 0 -160px; height: 29px; }
		.register-card .title li{ float: left; color: #666; }
		.register-card .title li span{ display: block; width: 106px; height: 29px; line-height: 29px; text-align: center; cursor: pointer; }
		.register-card .title li.current span.left-shadow{ background: url(../images/bg-tab.gif) no-repeat 104px -200px; }
		.register-card .title li.current span.right-shadow{ background: url(../images/bg-tab.gif) no-repeat left -200px; }
		.register-card .title li.current{ background: url(../images/bg-tab.gif) repeat-x 0 -230px; color: #333; cursor: default; }
	.content-box{ border: 1px solid #ccc; padding:10px;}
	.content-box li{ padding: 4px 0 2px 50px; font-size: 12px; color: #666; }
		.content-box label{ float: left; margin-left: -60px; width: 50px; text-align: right; }
		.content-box .i-text{ padding: 2px; height: 16px; line-height: 16px; width: 120px; }
		.content-box .i-text-yzm{ width: 50px; }
		span.btn-white{ padding-left: 2px; background: url(../images/bg-btn.gif) no-repeat left -70px; height: 25px; line-height: 25px; cursor: pointer; display: inline-block; }
		span.btn-white span{ height: 25px; line-height: 25px; background: url(../images/bg-btn.gif) no-repeat right -70px; }
		span.btn-white input{ height: 25px; line-height: 25px; width: 50px; text-align: center; font-size: 12px; }
/* services-sub */
.services-sub-box{ width: 218px; border: 1px solid #ccc; padding-bottom: 15px; margin: 10px 0; }
	.services-sub-box h2{ height: 29px; line-height: 29px; font-weight: normal; background: url(../images/bg-tab.gif) repeat-x 0 -120px; padding: 0 10px; }
	.services-sub-box li{ float: left; padding: 0 10px; }
/* memberinfo */
.card-person,.login-out{ margin: 0 5px; padding: 5px; line-height: 22px; }
.card-person h3{ height: 32px; line-height: 32px; overflow: hidden; }
.card-person li{ padding-left: 60px; height: 26px; color: #666666; line-height: 26px; overflow: hidden; }
.card-person li label{ width: 55px; float: left; margin-left: -60px; text-align: right; color: #333; }
.register-card .login-out{ text-align: center; }
.register-card .login-out p{ padding: 10px 0 0 0; }
/* left-menu-box */
.left-menu-box{ border: 1px solid #ccc; margin-top: 10px; }
	.menu-box{ margin-top: -1px; }
	.menu-box h3{ background: url(../images/left-menu-bg.gif) repeat-x 0 -80px; height: 28px; line-height: 28px; border: 1px solid #ccc; border-width: 1px 0; position: relative; padding-left: 28px; cursor: pointer; }
	button.menu-close{ border: 0 none; cursor: pointer; height: 10px; left: 10px; overflow: hidden; position: absolute; text-indent: -999px; top: 9px; width: 10px; background: url(../images/left-menu-bg.gif) no-repeat 0 0; }
	.menu-box .group{ margin: 9px; }
	.menu-box .group li{ height:24px; }
	.menu-box .group ul{ margin-left: 30px; }
	.menu-box .group span.group2{ padding-left: 25px; height: 20px; overflow: hidden; background: url(../images/left-menu-bg.gif) no-repeat -30px 3px; color: #666666; }
		.menu-box .group a{ display: block; height: 24px; line-height: 24px; padding-left: 10px; }
		.menu-box .group a:hover{ background: url(../images/left-menu-bg.gif) no-repeat right -50px; }
		.menu-box .group li.selected a{ background: url(../images/left-menu-bg.gif) no-repeat 0 -20px; color: #FFF; }
		.menu-box .group li.selected a:hover{ background: url(../images/left-menu-bg.gif) no-repeat 0 -20px; color: #FFF; }
/* step-wrap */
.step-wrap{ margin-top: 10px; overflow: hidden; }
	.step-wrap li{ float: left; background: url(../images/step-wrap.gif) no-repeat -5px -120px; }
	.step-wrap li span{ float: left; background: url(../images/step-wrap.gif) no-repeat right 0; }
	.step-wrap li.current{ background: url(../images/step-wrap.gif) no-repeat -5px -160px; }
	.step-wrap li.current span{ background: url(../images/step-wrap.gif) no-repeat right -40px; }
		.step-wrap li.first-step{ background: url(../images/step-wrap.gif) no-repeat 0 -160px; }
		.step-wrap li.first-step span{ background: url(../images/step-wrap.gif) no-repeat right -40px; }
		.step-wrap li.first-step-done span{ background: url(../images/step-wrap.gif) no-repeat right -80px; }
		.step-wrap li.last-step span{ background: url(../images/step-wrap.gif) no-repeat right -120px; }
		.step-wrap li.last-step-current span{ background: url(../images/step-wrap.gif) no-repeat right -160px; }
	.step-wrap li.step-done{ background: url(../images/step-wrap.gif) no-repeat -5px -160px; }
	.step-wrap li.step-done span{ background: url(../images/step-wrap.gif) no-repeat right -80px; }
		/* step-link */
		.step-wrap li span ,
		.step-wrap li span a
			{ line-height: 31px; text-align: center; color: #666; }
		.step-wrap li.current span,.step-wrap li.first-step span,.step-wrap li.last-step-current span ,
		.step-wrap li.current span a,.step-wrap li.first-step span a,.step-wrap li.last-step-current span a
			{ font-size: 14px; font-weight: bold; color: #B22222; }
		.step-wrap li.step-done span,.step-wrap li.first-step-done span ,
		.step-wrap li.step-done span a,.step-wrap li.first-step-done span a
			{ font-size: 12px; font-weight: normal; color: Green; }
		/* three */
		.two-step li,.two-step li span,
		.two-step li a,.two-step li span a
		{ width: 360px; height: 31px; display: block; }
		/* three */
		.three-step li,.three-step li span,
		.three-step li a,.three-step li span a
		{ width: 240px; height: 31px; display: block; }
		/* five */
		.four-step li,.four-step li span ,
		.four-step li a,.four-step li span a
		{ width: 180px; height: 31px; display: block; }
		/* five */
		.five-step li,.five-step li span ,
		.five-step li a,.five-step li span a
		{ width: 144px; height: 31px; display: block; }
/* �� */
.box-title{ border: 1px solid #ccc; border-width: 1px 1px 0 1px; height: 29px; line-height: 29px; background: url(../images/bg-tab.gif) repeat-x 0 -120px; padding: 0 10px; }
	.box-tips{ background-color: #FFFFE0; }
		.box-tips p{ padding: 10px; color: #666; }
.apply-from{ border: 1px solid #ccc; padding: 10px; }
.apply-from legend{ padding: 10px; color: #333; }
.help{margin-top:10px;width:700px;border:1px solid #f4c97b;padding:10px;background:#fff8d8;}
.help strong,.notice strong{color:#f00;}
.notice{margin-top:10px;width:700px;border:1px dotted #ff6600;padding:10px;background:#edf0f5;}
.fm-item{ padding: 0 5px 15px 170px; position: relative; width: 525px; }
	.fm-item .i-text{ border: 1px solid #9C9C9C; color: #000000; font-size: 12px; height: 18px; line-height: 18px; padding: 3px 0 2px 3px; width: 180px; }
	.fm-item .fm-label { float: left; font-size: 12px; margin-left: -170px; text-align: right; width: 170px; display:inline; }
	.fm-item .fm-explain{ position: absolute; right: 0; margin-top: -20px; width: 200px; border: 1px solid #fcd877; background-color: #ffffcc; display: none; padding: 5px; color: #666; _background: url(../images/fm-ie6-shadow.gif); }
	.fm-item .fm-explain span.arrow{ position: absolute; width: 9px; height: 15px; top: 4px; left: -9px; background: transparent url(../images/fm-arrow.gif) no-repeat 0 0; }
	.btn-login{ background: url(../images/bg-btn.gif) no-repeat 0 -30px; padding-left: 2px; }
	.btn-login span{ background: url(../images/bg-btn.gif) no-repeat right -30px; }
	.btn-login input{ background-color: transparent; border: medium none; color: #FFFFFF; font-weight: bold; padding: 0 10px; }
/* tips */
.feedback-page-ok,.feedback-page-attention,.feedback-page-error,.feedback-page-tips,.feedback-page-question{ background: url(../images/msg_bg.png) no-repeat 0 0; width:500px; margin: 20px auto; padding: 0 0 0 90px; min-height: 80px; _height: 80px; color: #666; background-color: #FFF; border: 1px solid #f4f4f4; }
.feedback-page-ok h2,.feedback-page-attention h2,.feedback-page-error h2,.feedback-page-tips h2,.feedback-page-question h2{ font-size: 18px; height: 36px; line-height: 36px; }
.feedback-page-ok a,.feedback-page-attention a,.feedback-page-error a,.feedback-page-tips a,.feedback-page-question a{ color: #B22222; }
.feedback-page-ok{ background-position: 10px -1990px; }
.feedback-page-attention{ background-position: 10px -990px; }
.feedback-page-attention p { font-size:18px;color:red; }
.feedback-page-error{ background-position: 10px 10px; }
.feedback-page-tips{ background-position: 10px -2990px; }
.feedback-page-question{ background-position: 10px -3990px; }
/* rticle-detail */
.article-detail{ word-wrap: break-word; border: 1px solid #ccc;  }
	.article-detail .detail-title{ border-bottom: 1px dashed #E6E6E6; font-size: 22px; padding: 10px 0 10px; text-align: center; background: url(../images/article-tab.png) repeat-x 0 -66px; font-family:microsoft yahei; }
	.article-detail .detail-content{ padding: 10px; overflow:hidden; width:700px; }
	.article-detail .detail-content a{ color: #0044cc; }
	.article-detail .detail-content p{ text-indent:2em;margin-bottom:14px; font-size: 14px; line-height: 180%;}
/* tb-box */
.tb-box{ border: 1px solid #ccc; border-width: 1px 0 1px 1px; }
	.tb-box table{ width: 100%; }
	.tb-box thead th,.tb-box tbody td{ border: 1px solid #D2D2D2; border-width: 0 1px 1px 0; padding: 8px; }
	.tb-box thead th{ }
	.tb-box tfoot td{ background-color: #FAFAFA; padding: 6px 8px; border: 1px solid #D2D2D2; border-width: 0 1px 0 0; }
	.tb-box .title{ border: 1px solid #D2D2D2; border-width: 0 1px 1px 0; height: 29px; line-height: 29px; background: url(../images/bg-tab.gif) repeat-x 0 -120px; padding: 0 10px; }
/* pagination */
.pagination{ margin: 10px 0; }
	.pagination span a{ padding: 2px 6px; border: 1px solid #ccc; }
	.pagination span a:hover{ background-color: #FFE4C4; border: 1px solid #B22222; text-decoration: none; }
	.pagination span strong{ color: #B22222; }
	.pagination span.page-sep{ display: none; }
/* pay-bank */
.pay-bank{ padding: 10px 10px 10px 40px; border: 1px solid #ccc; }
	.pay-bank .i-text{ height: 20px; vertical-align: middle; }
	.pay-bank p{ font-size: 14px; padding: 10px 0; }
	.pay-bank-list{ clear: both; zoom:1; }
	.pay-bank-list li{ width: 150px; float: left; height: 40px; }
	.pay-bank-list input{ float: left; margin-top: 15px; }
	.pay-bank-list .bank{ display: inline-block; position: relative; zoom:1; width: 130px; height: 40px; background: url(../images/hengxintong-bank.gif) no-repeat; float: left; text-indent: -9999px; }
		.pay-bank-list .boc{ background-position: 0 -520px; }
		.pay-bank-list .icbc{ background-position: 0 -360px; }
		.pay-bank-list .ccb{ background-position: 0 -40px; }
		.pay-bank-list .abc{ background-position: 0 0; }
		.pay-bank-list .cmb{ background-position: 0 -400px; }
		.pay-bank-list .psbc{ background-position: 0 -480px; }
		.pay-bank-list .cmbc{ background-position: 0 -120px; }
		.pay-bank-list .gdb{ background-position: 0 -200px; }
		.pay-bank-list .citics{ background-position: 0 -240px; }
		.pay-bank-list .cib{ background-position: 0 -440px; }
		.pay-bank-list .bankofbeijing{ background-position: 0 -640px; }
		.pay-bank-list .sdb{ background-position: 0 -280px; }
		.pay-bank-list .ebank18{ background-position: 0 -600px; }
		.pay-bank-list .bankcomm{ background-position: 0 -160px; }
		.pay-bank-list .hxb{ background-position: 0 -680px; }
		.pay-bank-list .cebbank{ background-position: 0 -80px; }
		.pay-bank-list .spdb{ background-position: 0 -320px; }
		.pay-bank-list .gzcb{ background-position: 0 -200px; }
		.pay-bank-list .sdebank{ background-position: 0 -760px; }
		.pay-bank-list .b961111{ background-position: 0 -800px; }
		.pay-bank-list .shrcb{ background-position: 0 -840px; }
		.pay-bank-list .bjrcb{ background-position: 0 -560px; }
		.pay-bank-list .cbhb{ background-position: 0 -880px; }
		.pay-bank-list .shouxin{ background-position: 0 -920px; }
.bank-submit{ clear: both; text-align: center; padding: 10px 0; }
